
function htmlEntities(str) {
    return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g,'&gt;').replace(/"/g, '&quot;');
}

function resetForm(reset) {
    
    $('#orientation').val('form-vertical');
    $('#columns').val('1');
    $('#ratio').val('2');
    
    $('#inline-orientation').val('');
    
    $('#bordered').prop('checked', true);
    $('#bordered').bootstrapSwitch('state', true);

    $('#striped').prop('checked', false);
    $('#striped').bootstrapSwitch('state', false);
    
    $('#condensed').prop('checked', false);
    $('#striped').bootstrapSwitch('state', false);
    
    $('#legend').prop('checked', true);
    $('#legend').bootstrapSwitch('state', true);
    
    $('#bold-legend').prop('checked', true);
    $('#bold-legend').bootstrapSwitch('state', true);
    
    $('#legend-position').val('align-left');
    $('#button-position').val('align-right');
   
    $('#bold-label').prop('checked', true);
    $('#bold-label').bootstrapSwitch('state', true);
    
    $('#input-size').val('col-12');
    $('#input-vertical-size').val('');
    $('#label-position').val('align-left');

    $('#icon').prop('checked', false);
    $('#icon').bootstrapSwitch('state', true);
    
    $('#icon-position').val('left');
    
    if(reset) {
        $('.shown-default').slideDown();
        $('.hidden-default').slideUp();
    } else {
        $('.shown-default').show();
        $('.hidden-default').hide();
    }
}

$(function(){

    // pretty print
    prettyPrint();

    // initialize switches
    $('.switch').bootstrapSwitch({
        size: 'small',
        onColor: 'primary',
        offColor: 'default'
    });

    // reset switches
//    resetForm(false);
    
    $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        var code = $.trim( htmlEntities( $('#tab-settings').html() ) );
        $('#pretty-code').removeClass('prettyprinted');
        
        $('#pretty-code').html( code );
        $('#copy-code').html( code );
        
        prettyPrint();
        $("#copy-code").snippet("html",{style:"ide-eclipse",clipboard:"http://localhost/bootstrap/plugins/snippet/ZeroClipboard.swf"});

    });
    
    
    $('#tabs-position').change(function() {
        
        var tab = $(this).val();
        var navs = '\n\<ul class="nav nav-tabs">\n\
                        <li class="active"><a href="#inbox" data-toggle="tab"><i class="fa fa-inbox"></i> <span class="hidden-xs">Inbox</span></a></li>\n\
                        <li><a href="#draft" data-toggle="tab"><i class="fa fa-edit"></i> <span class="hidden-xs">Draft</span></a></li>\n\
                        <li><a href="#sent" data-toggle="tab"><i class="fa fa-share"></i> <span class="hidden-xs">Sent</span></a></li>\n\
                        <li><a href="#trash" data-toggle="tab"><i class="fa fa-trash-o"></i> <span class="hidden-xs">Trash</span></a></li>\n\
                    </ul>\n';
        
        $('#tab-settings .tabs').removeClass('tabs-top');
        $('#tab-settings .tabs').removeClass('tabs-left');
        $('#tab-settings .tabs').removeClass('tabs-right');
        $('#tab-settings .tabs').removeClass('tabs-bottom');
        $('#tab-settings .tabs').addClass( tab );
        
        if( tab === 'tabs-bottom') {
            if( ! $('#tab-settings .tab-content').next().length > 0 ) {
                $('#tab-settings .nav').remove();
                $('#tab-settings .tabs').append(navs);
            }
        } else {
            if( ! $('#tab-settings .tab-content').prev().length > 0 ) {
                $('#tab-settings .nav').remove();
                $('#tab-settings .tabs').prepend(navs);
            }
        }
    });
    
    $('#tabs-padding').on('switchChange.bootstrapSwitch', function(event, state) {
        if (state) {
            $('#tab-settings .tab-content ').removeClass('no-padding');
        } else {
            $('#tab-settings .tab-content ').addClass('no-padding');
        }
    });
    
    $('#reset').click(function(){
        alert('sdfsdf');
//        resetForm(true);
    });
});
